<style>
#set($wrapW=$channel.img_width+8)
.list04 ul li{ display:inline; float:left; text-align:center;margin-left:15px;margin-top:15px}
.list04 ul li table{width:${wrapW}px}
.list04 ul li table tr td.pic{padding:3px;border: 1px solid #ccc; /*background:#ffffff*/}
.list04 ul li p{ text-align:center; margin:0; padding:0; }
#screenshot { position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; text-align:center; }
</style>
<script src="/js/screenshot.js" type="text/javascript"></script>
<div class="list04">
  <ul class="clearfix">
    #foreach($item in $list)
    <li>
      <table border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td align="center" valign="middle" height="${channel.img_height}" class="pic"><a href="$html.GetShowUrl($item.id,$item.link_url)" title="${item.title}" class="screenshot"
                            rel="${item.img_url}"> <img src="${item.img_url}" width="${channel.img_width}" height="${channel.img_height}"
                                onload="ImgFix(this,${channel.img_width},${channel.img_height})" border="0" /></a></td>
        </tr>
        <tr>
          <td align="center" height="50"><a href="$html.GetShowUrl($item.id,$item.link_url)" title="${item.title}">${item.title}</a> </td>
        </tr>
      </table>
    </li>
    #end
  </ul>
</div>
